/* 
    Document   : style
    Created on : Sep 5, 2011, 1:05:37 AM
    Author     : lapray_a
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
    font: Arial, sans-serif;
    font-size: 13px;
}

#hyperheader
{
    background-color:#2D2D2D;
    border-bottom: 1px solid black;
    color: #CCC;
    width:100%;
    height: 2em;
    font: Arial, sans-serif;
    font-size: 13px;
    text-align: right;

}

#sidepane
{
    float:left;
    background: whiteSmoke;
    border: 1px solid #E5E5E5;
    width: 25%;
    margin-left: 2%;
    margin-top: 1em;
}

#main
{
    float: right;
    border: 1px solid #E5E5E5;
    background: whiteSmoke;
    width: 70%;
    margin-right: 2%;
    margin-top: 1em;
}

.boxtype1title
{
    color: white;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.28,#7DA7F0),color-stop(0.72,#6993DC));
    background: -moz-linear-gradient(top,#7DA7F0,#6993DC);
    text-shadow: #56B 0 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 3px;
}

.boxtype1titleimg
{
    vertical-align: middle;
    margin-right: 3px;
}

.imgcenter
{
    vertical-align: middle;
    margin: 1px;
}

.boxtype1container
{
    margin: 1em;
    width: 45%;
}

.boxtype1containerleft
{
    margin: 1em;
    float:left;
    width: 45%;
}

.boxtype1containerright
{
    margin: 1em;
    float: right;
    width: 45%;
}

.boxtype1body
{
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    background-color: white;
    padding: 3px;
}

.button
{
    background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
    background-image: -o-linear-gradient(top,#dd4b39,#d14836);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    border: 1px solid #B0281A;
    color: white;
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
}

.button a
{
    text-decoration: none;
    color:white;
    font-weight: bold;
}

.button a:focus
{
    color:white;
    font-weight: bold;
}

.button a:hover
{
    color:white;
    font-weight: bold;
}

.button a:active
{
    color:white;
    font-weight: bold;
}

.button2
{
    background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
    background-image: -o-linear-gradient(top,#dd4b39,#c53727);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    border: 1px solid #444;
    color: white;
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
}

.button2 a
{
    color:white;
    text-decoration: none;
    font-weight: normal;
    font-weight: bold;
}

.button2 a:focus
{
    color:white;
    font-weight: normal;
    font-weight: bold;
}

.button2 a:hover
{
    color:white;
    font-weight: bold;
}

.button2 a:active
{
    color:white;
    font-weight: bold;
}

